<div class="right-plate" id="themeTableTag">

    <div class="table-thead" *ngIf="tabVal" [ngClass]="{'table-thead-scroll':tabVal.length > 3}">
        <table class="tableStyle table table-hover table-striped">
            <thead>
            <tr class="tableStyle_thead_tr">
                <th class="bs-checkbox w5 text-center">
                    <input type="checkbox" #event (click)="_selectAll(event.checked,tabVal)" [checked]="isSelectAll">
                </th>
                <th class="w5 text-center max-w">序号</th>
                <th class="w50 text-left max-w">标签名称</th>
                <th class="w30 text-left max-w">创建时间</th>
                <!--<th class="w10 text-left max-w">状态</th>-->
                <!--<th class="w10 text-left max-w">审核状态</th>-->
                <th class="w10 text-left max-w">操作</th>
            </tr>
            </thead>
        </table>
    </div>

    <div class="table-tbody">
        <table class="tableStyle table table-hover table-striped">
            <tbody>
        <tr class="treegrid-2 treegrid-collapsed" *ngFor="let val of tabVal;let i = index">
            <td class="bs-checkbox w5 text-center">
                <input type="checkbox" #event (click)="_chose(event.checked,val.labelId,tabVal.length)"
                       [checked]="isChose">
            </td>
            <td class="w5 text-center">{{ i+1 }}</td>
            <td class="w50 text-left max-w">
                {{val.labelName}}
            </td>
            <td class="w30 text-left max-w">{{val.createTime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
            <!--<td class="w10 text-left max-w">-->
            <!--<span class="stateGreen" *ngIf="rowData.status === 0">启用</span>-->
            <!--<span class="stateRed" *ngIf="rowData.status === -1">禁用</span>-->
            <!--</td>-->
            <!--<td class="w10 text-left max-w">-->
            <!--<span class="stateGreen" *ngIf="rowData.checkStatus === 1">已审核</span>-->
            <!--<span class="stateYellow" *ngIf="rowData.checkStatus === 0">未审核</span>-->
            <!--<span class="stateRed" *ngIf="rowData.checkStatus === -1">不通过</span>-->
            <!--</td>-->
            <td class="w10 text-left max-w">
                <!--<span title="详情" (click)="_details(val)" class="tableOperationText">详情</span>-->
                <span title="编辑" (click)="_edit(val)" class="btn-i" *ngIf="right['systemTableTag']['update']">
                    <img src="assets/new/update.png" width="15px" height="15px">
                </span>
                <span title="删除" class="btn-i" *ngIf="right['systemTableTag']['delete']" data-toggle="modal" data-target="#delete" (click)="_delete(val.labelId);">
                    <img src="assets/new/delete.png" width="15px" height="15px">
                </span>
            </td>
        </tr>
            </tbody>
        </table>
    </div>


</div>
